<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>“便民购”农产商城</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="shortcut icon" href="/image/icon/litIcon.ico">
    <link href="/css/reset.css" rel="stylesheet" type="text/css"/>
    <link href="/css/page.css" rel="stylesheet" type="text/css"/>
    <script src="/js/jquey-1.8.0.min.js"></script>
    <script type="text/javascript" src="/js/index.js"></script>
</head>

<body>

<!-- 顶部导航 -->
<div th:replace="commonFragment :: #top"></div>
<!-- /顶部导航 -->

<!-- 广告区域 -->
<div class="topBanner"><a href="/agricultural/toDetailPage">
    <img src=""></a><a title="关闭广告" class="off"></a></div>
<script type="text/javascript">
    $(function () {
        $(".topBanner")
            .animate({opacity: "1", height: "60px"}, 7000);
        $(".off").click(function () {
            $(".topBanner")
                .animate({opacity: "0", height: "0px"}, 5000);
            // body...
        })
    })
</script>
<!-- /广告区域 -->

<!-- logo与search区域 -->
<div th:replace="commonFragment :: #logo_line"></div>
<!-- /logo与search区域 -->

<!-- 导航条 -->
<div th:replace="commonFragment :: #navbar"></div>
<!-- /导航条 -->

<!-- 导航盒和焦点图 -->
<div id="section" class="wrap clear">
    <!-- 导航盒 -->
    <div id="navbox" class="navbox clear">
        <ul>
            <li class="list">
                <div id="list_cont" class="list_cont">
                    <h3>
                        <a href="" target="_blank">粮油米面</a>
                    </h3>
                    <p>
                        <a href="" target="_blank">食用油</a>
                        <a class="red_f" href="">调味品</a>
                        <a href="" target="_blank">谷物粉淀粉</a>
                        <a class="red_f" href="">香辛料</a>
                        <a href="" target="_blank">豆制品</a>
                        <a class="red_f" href="" target="_blank">面食米食</a>
                    </p>
                    <samp class="corner">&gt;</samp>
                </div>
            </li>
            <li class="list">
                <div class="list_cont">
                    <h3>
                        <a href="" target="_blank">种子种苗
                        </a>
                    </h3>
                    <p>
                        <a class="red_f" href="" target="_blank">水果种苗</a>
                        <a href="" target="_blank">花草类种子</a>
                        <a href="" target="_blank">蔬菜种子</a>
                        <a href="" target="_blank">水果类种子</a>
                        <a href="" target="_blank">粮油类种子</a>
                        <a class="red_f" href="" target="_blank">苗木类种子</a>
                    </p>
                    <samp class="corner">&gt;</samp>
                </div>
            </li>
            <li class="list">
                <div class="list_cont">
                    <h3>
                        <a href="">农副加工</a>
                    </h3>
                    <p>
                        <a href="" target="_blank">干果坚果</a>
                        <a class="red_f" href="" target="_blank">茶叶</a>
                        <a href="/guang/catal" target="_blank">肉制品加工</a>
                        <a class="red_f" href="" target="_blank">水产加工</a>
                        <a href="" target="_blank">营养滋补</a>
                        <a href="" target="_blank">速食品</a>
                    </p>
                    <samp class="corner">&gt;</samp>
                </div>
            </li>
            <li class="list noBot">
                <div class="list_cont">
                    <h3>
                        <a href="">蔬菜</a>
                    </h3>
                    <p>
                        <a class="red_f" href="" target="_blank">葱姜蒜类</a>
                        <a href="" target="_blank">根茎菜类</a>
                        <a class="red_f" href="" target="_blank">豆芽类</a>
                        <a href="" target="_blank">茄果菜类</a>
                        <a href="" target="_blank">食用菌</a>
                    </p>
                    <samp class="corner">&gt;</samp>
                </div>
            </li>
        </ul>
    </div>
    <!-- /导航盒 -->

    <!-- 焦点图 -->
    <div class="anythingSlider clear">
        <div class="tWrapper" style="overflow: hidden; ">
            <ul>
                <li>
                    <dl>
                        <dt>
                            <a href="/agricultural/toDetailPage" title="昙华林书屋" target="_blank">
                                <img width="700" height="456" src="/image/bg1.jpg" alt="昙华林书屋"></a>
                        </dt>
                        <dd>
                            <h3><a href="/agricultural/toDetailPage" title="邂逅浪漫与温情" target="_blank">昙华林书屋<br>
                                邂逅浪漫与温情</a></h3>
                            <p class="hdx">百年的古朴街道，梦与爱的交织。在这里，随处可见的路边小屋，走进书的世界，品尝时尚文化，回忆古典风情，还能意外的邂逅美好爱情。昙华林欢迎您！</p>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <a href="/agricultural/toDetailPage" title="OS7挑战极简主义" target="_blank"><img width="700" height="456"
                                                                                             src="/image/bg2.jpg"
                                                                                             alt="OS7挑战极简主义"></a>
                        </dt>
                        <dd>
                            <h3><a href="/agricultural/toDetailPage" title="OS7挑战极简主义" target="_blank">OS7挑战极简主义<br>
                                扁平化风格来袭</a></h3>
                            <p class="hdx">如今设计界最炙手可热的明星大概就是扁平化设计，关于它的讨论至今都没有冷却的迹象。诸多设计师分成了泾渭分明的两个阵营，一边努力把扁平化做到极致...</p>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <a href="/agricultural/toDetailPage" title="摩登升级新宠" target="_blank"><img width="700" height="456"
                                                                                          src="/image/bg3.png"
                                                                                          alt="摩登升级新宠"></a>
                        </dt>
                        <dd>
                            <h3><a href="/agricultural/toDetailPage" title="摩登升级新宠" target="_blank">摩登升级新宠<br>
                                帅气阔腿裤盛夏随性穿</a></h3>
                            <p class="hdx">轻薄和宽松款式的阔腿裤成为本季新宠。阔腿裤既凉爽又显瘦，阔腿裤不仅舒适有型更加突显时尚女人味，还能隐藏不完美的腿型，可谓一举三得。不管是...</p>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <a href="/agricultural/toDetailPage" title="萧蔷素食养生" target="_blank"><img width="700" height="456"
                                                                                          src="/image/bg4.jpg"
                                                                                          alt="萧蔷素食养生"></a>
                        </dt>
                        <dd>
                            <h3><a href="/agricultural/toDetailPage" title="萧蔷素食养生" target="_blank">萧蔷素食养生<br>
                                健康素食有6大黄金原则</a></h3>
                            <p class="hdx">
                                7月16日晚，台湾第一美女萧蔷现身《一声所爱・大地飞歌》节目，节目过程中说起养生，萧蔷侃侃而谈。推崇素食主义的她从1992年就开始吃素了，素食养...</p>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <a href="/agricultural/toDetailPage" title="生化病毒入侵" target="_blank"><img width="700" height="456"
                                                                                          src="/image/bg5.jpg"
                                                                                          alt="生化病毒入侵"></a>
                        </dt>
                        <dd>
                            <h3><a href="/agricultural/toDetailPage" title="生化病毒入侵" target="_blank">生化病毒入侵<br>
                                僵尸类手机游戏专辑</a></h3>
                            <p class="hdx">或许是迎合大家的口味，各种各样的僵尸电影，游戏层出不穷，而且好都很火热。僵尸这个被我们打来打去的角色...</p>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <a href="/agricultural/toDetailPage" title="多彩腕表推荐" target="_blank"><img width="700" height="456"
                                                                                          src="/image/bg6.jpg"
                                                                                          alt="多彩腕表推荐"></a>
                        </dt>
                        <dd>
                            <h3><a href="/agricultural/toDetailPage" title="多彩腕表推荐" target="_blank">多彩腕表推荐<br>
                                扮靓夏日玩味腕间色彩</a></h3>
                            <p class="hdx">夏季的明媚日光让人们欢欣雀跃。挑动腕间色彩，给腕表一种新风味。...</p>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <a href="/agricultural/toDetailPage" title="是不会穿还是没穿对" target="_blank"><img width="700" height="456"
                                                                                             src="/image/bg7.jpg"
                                                                                             alt="是不会穿还是没穿对"></a>
                        </dt>
                        <dd>
                            <h3><a href="/agricultural/toDetailPage" title="是不会穿还是没穿对" target="_blank">是不会穿还是没穿对<br>
                                时尚型男挑选西服的秘密</a></h3>
                            <p class="hdx">
                                西装本是属于欧洲人的服饰，虽然现在随着各种各样的正式场合的增多，国人穿西装的机会和频率不断增加，但是对于依照你的身材挑选西装国人们却是一头雾水...</p>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!-- /焦点图 -->
    <!-- 右边公告 -->
    <div class="public">
        <div id="news" class="m">
            <div class="mt">
                <h2>行业资讯</h2>
                <div class="extra"><a target="_blank" href="" clstag="h|keycount|2015|09a">更多 &gt;</a></div>
            </div>
            <div class="mc">
                <ul>
                    <li clstag="h|keycount|2015|09b1"><a target="_blank" href=""><span>[特惠]</span>2022帝王蟹价格多少钱一斤?</a>
                    </li>
                    <li clstag="h|keycount|2015|09b2"><a target="_blank" href=""><span>[公告]</span>桂花酿是哪里的特产?制作方法是什么?</a>
                    </li>
                    <li clstag="h|keycount|2015|09b3"><a target="_blank" href=""><span>[特惠]</span>养10头牛一年利润多少?</a></li>
                    <li clstag="h|keycount|2015|09b4"><a target="_blank" href=""><span>[公告]</span>2022刀鱼价格多少钱一斤?</a>
                    </li>
                    <li clstag="h|keycount|2015|09b5"><a target="_blank" href=""><span>[特惠]</span>2022蚂蟥价格多少钱一斤?</a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="lifeserv" class="m">
            <div class="mt">
                <h2>买家中心</h2>
                <div class="extra"></div>
            </div>
            <div class="mc">
                <ul class="">

                    <li class="fore5" clstag="h|keycount|2015|10b05">
                        <a class="cw-icon" target="_blank" href="om/">
                            <i class="ci-left" style="background-image: url(/image/icon/server.png)"></i><span>采购</span>
                        </a>
                    </li>
                    <li class="fore6" clstag="h|keycount|2015|10b06">
                        <a class="cw-icon" target="_blank" href="">
                            <i class="ci-left"
                               style="background-image: url(/image/icon/server.png);"></i><span>订单</span>
                        </a>
                    </li>
                    <li class="fore7" clstag="h|keycount|2015|10b07">
                        <a class="cw-icon" target="_blank" href="">
                            <i class="ci-left"
                               style="background-image: url(/image/icon/server.png);"></i><span>物流</span>
                        </a>
                    </li>
                    <li class="fore9" clstag="h|keycount|2015|10b09">
                        <a class="cw-icon" target="_blank" href="">
                            <i class="ci-left"
                               style="background-image: url(/image/icon/server.png);"></i><span>优惠</span>
                        </a>
                    </li>
                </ul>
                <div class="mt">
                    <h2>卖家中心</h2>
                    <div class="extra"></div>
                </div>
                <ul class="">

                    <li class="fore5" clstag="h|keycount|2015|10b05">
                        <a class="cw-icon" target="_blank" href="om/">
                            <i class="ci-left" style="background-image: url(/image/icon/server.png)"></i><span>供应</span>
                        </a>
                    </li>
                    <li class="fore6" clstag="h|keycount|2015|10b06">
                        <a class="cw-icon" target="_blank" href="">
                            <i class="ci-left"
                               style="background-image: url(/image/icon/server.png);"></i><span>订单</span>
                        </a>
                    </li>
                    <li class="fore7" clstag="h|keycount|2015|10b07">
                        <a class="cw-icon" target="_blank" href="">
                            <i class="ci-left"
                               style="background-image: url(/image/icon/server.png);"></i><span>物流</span>
                        </a>
                    </li>
                    <li class="fore9" clstag="h|keycount|2015|10b09">
                        <a class="cw-icon" target="_blank" href="">
                            <i class="ci-left"
                               style="background-image: url(/image/icon/server.png);"></i><span>优惠</span>
                        </a>
                    </li>
                </ul>
                <div class="mc-inner hide" style="top: 208px;">
                    <a class="close">×</a>
                    <div class="hide" data-idx="0"><a class="close" clstag="h|keycount|2015|10b02x">×</a>
                        <iframe width="250" height="185" frameborder="0" scrolling="no"
                                src="com/jd-index-ifame.htm"></iframe>
                    </div>
                    <div class="hide" data-idx="1"><a class="close" clstag="h|keycount|2015|10b01x">×</a>
                        <iframe width="250" height="185" frameborder="0" scrolling="no"
                                src="m/htm/iframeTrip.html"></iframe>
                    </div>
                    <div class="hide" data-idx="2"></div>
                    <div class="hide" data-idx="3"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /导航盒和焦点图 -->

<!-- 广告区域 -->
<div id="banner" class="wrap">
    <a href=""><img src="/image/banner1.jpg" height="125" width="403" alt=""></a>
    <a href=""><img style="margin:0 -3px 0 -3px" src="/image/banner2.jpg" height="125" width="403" alt=""></a>
    <a href=""><img src="/image/banner3.jpg" height="125" width="403" alt=""></a>
</div>
<!-- /广告区域 -->

<!-- 商品内容列表区域 (好货推荐) -->
<div id="content" class="wrap clear">
    <div class="getLove">
        <div class="getLoveTop tip2">
            <span class="littleBar2"></span>
            <h4>好货推荐</h4>
            <span><a class="getLoveList2" href="">更多&gt;&gt;</a></span>
        </div>
        <div class="shopList">
            <div class="shopListLeft">
                <a href=""><img src="/image/book/book/book0.jpg" alt=""></a>
                <div class="shopList_info">
                    <h3>618购物享受超低价！</h3>
                    <h3>好商品来袭</h3>
                    <p>
                        <a href="byPageShow.html">金穗香蕉</a>
                        <a href="byPageShow.html">灵山荔枝</a>
                        <a href="byPageShow.html">荔浦砂糖桔</a>
                        <a href="byPageShow.html">天峨珍珠李</a>
                        <a href="byPageShow.html">富川脐橙</a>
                        <a href="byPageShow.html">钦州海鸭蛋</a>
                        <a href="byPageShow.html">永福罗汉果</a>
                        <a href="byPageShow.html">博白桂圆肉</a>
                    </p>
                </div>
            </div>
            <div class="shopListRight">
                <div class="shopListRightTop clear">
                    <a class="borderNone" href="/agricultural/toDetailPage"><img src="/image/book/book/book1.jpg" height="177"
                                                                      width="217" alt=""></a>
                    <a href=""><img src="/image/book/book/book2.jpg" alt=""></a>
                    <a href=""><img src="/image/book/book/book3.jpg" alt=""></a>
                    <a href=""><img src="/image/book/book/book4.jpg" alt=""></a>
                </div>
                <div class="clear">
                    <a class="borderNone" href=""><img src="/image/book/book/book5.jpg" alt=""></a>
                    <a href=""><img src="/image/book/book/book6.jpg" alt=""></a>
                    <a href=""><img src="/image/book/book/book7.jpg" alt=""></a>
                    <a href=""><img src="/image/book/book/book8.jpg" alt=""></a>
                </div>
            </div>
        </div>
    </div>


</div>
<!-- /商品内容列表区域 -->

<!-- 夏季时装大促销 -->
<div class="bottomBanner wrap"><a href="/agricultural/toDetailPage"><img src=""></a></div>
<!-- /夏季时装大促销 -->

<!-- 时代服务 -->
<div th:replace="commonFragment :: #service-2014"></div>
<!-- /时代服务 -->

<!-- 页尾链接和版权信息 -->
<div th:replace="commonFragment :: #footer"></div>
<!-- /页尾链接和版权信息 -->

<script src="/js/imgTab.js"></script>

</body>

</html>
